.header_menu {
  & > .header_menu-item-first {
    & > .header_menu-item-first-title {
      &:hover {
        span {
          a {
            background-color: rgba(0,0,0,0.05);
            border-radius: 6px;
          }
        }
      }
    }
  }
  .header_menu-item-first {
    .header_menu-item-first-title {
      display: flex;
      align-items: center;
      height: 100%;
      a {
        display: flex;
        color: var(--menu-color);
        text-transform: uppercase;
        padding: 6px 18px;
        transition: background-color .1s ease-out;
      }
    }

    &[data-tree-type="one"] {
    }
    &[data-tree-type="two"] {
      .header_submenu {
        .header_submenu-content-ul {
          box-sizing: border-box;
          padding: 10px 20px;
          box-shadow: 1px 1px 12px #0000001a;
          background-color: var(--nav-bg);
        }
      }
    }
    &[data-tree-type="three"] {
      .header_submenu {
        position: absolute;
        width: 100%;
        left: 0;
        .header_submenu-content {
          max-width: var(--general_layout_width);
          margin-left: auto;
          margin-right: auto;
          .header_submenu-content-ul {
            display: flex;
            flex-wrap: wrap;
            gap: 50px;
            box-sizing: border-box;
            padding: 40px;
            box-shadow: 1px 1px 12px #0000001a;
            background-color: var(--nav-bg);
          }
        }
      }
    }

    &.header_menu-openable {
      &:hover {
        color: var(--menu-color);
        a {
          color: var(--menu-color);
        }
        .header_submenu {
          visibility: visible;
          transform: translateY(0px);
          opacity: 1;
          transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
      }
    }

    .header_submenu {
      position: absolute;
      visibility: hidden;
      transform: translateY(-10px);
      opacity: 0;

      &::-webkit-scrollbar {
        display: none;
      }
      scrollbar-width: none;
      -ms-overflow-style: none;
      .header_submenu-content-ul {
        border-radius: 6px;
        a {
          &:hover {
            text-decoration: underline;
          }
        }
        .header_menu-item-second {
          .header_menu-item-second-title {
            font-size: calc(var(--general_font_size) + 2px);
            font-weight: bold;
            font-family: var(--title_font_family);
            font-style: var(--title_font_style);
            letter-spacing: var(--title_letter_spacing);
          }
        }
      }
    }
  }

  #oem-navigation-more-link {
    .more_links_header_menu-item-first {
      .header_menu-item-first {
        line-height: 2;
        &:hover {
          & > .header_menu-item-first-title span {
            a {
              box-shadow: none !important;
              text-decoration: underline;
            }
          }
        }
        .header_menu-item-first-title {
          span {
            a {
              padding: 0;
            }
          }
        }
      }
      .header_submenu {
        height: 0;
        opacity: 0;
        visibility: hidden;
        background-color: var(--nav-bg);

        .header_submenu-content {
          max-width: var(--general_layout_width);
          margin-left: auto;
          margin-right: auto;
        }
      }
    }

    &>.header_submenu {
      &>.header_submenu-content {
        box-sizing: border-box;
        padding: 40px;
        box-shadow: 1px 1px 12px #0000001a;
        background-color: var(--nav-bg);
        border-radius: 6px;
      }
    }
    .more_link_child {
      .header_submenu-content-ul {
        box-shadow: none;
      }
    }
  }
}
